<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../../base/base.css" />
    <script type="text/javascript" src="../../../base/jquery-1.7.2.min.js"></script>
    
    <link rel="stylesheet" type="text/css" href="../src/css/slideshow.css" />
    <script type="text/javascript" src="../src/js/UI.Slideshow.js"></script>
    <script type="text/javascript">
        $(function() {
            var slideShowData = [
                {
                    'imgUrl': "../src/img/temp_slideshow_un_01.png",
                    'thumbUrl': "../src/img/temp_slideshow_un_tb01.png",
                    'linkUrl': ".",
                    'title': "2012 Computer Purchasing"
                },
                {
                    'imgUrl': "../src/img/temp_slideshow_un_02.png",
                    'thumbUrl': "../src/img/temp_slideshow_un_tb02.png",
                    'linkUrl': ".",
                    'title': ""
                },
                {
                    'imgUrl': "../src/img/temp_slideshow_un_03.png",
                    'thumbUrl': "../src/img/temp_slideshow_un_tb03.png",
                    'linkUrl': ".",
                    'title': ""
                },
                {
                    'imgUrl': "../src/img/temp_slideshow_un_01.png",
                    'thumbUrl': "../src/img/temp_slideshow_un_tb04.png",
                    'linkUrl': ".",
                    'title': ""
                }
            ];
            $( "#slideshow" ).UISlideShow({ 'items': slideShowData, 'hideThumb': false });
        })
    </script>
</head>
<body>
<div class="float_center" style="width: 530px;">
    <div id="slideshow" style="float: left; width: 530px; height: 210px; overflow: hidden;">
        <div class="ui-slideshow">
            <div class="ui-thumbwrapper">
                <div class="ui-thumbar">
                    <div class="float_right">
                        <a href=".">
                            <img src="../src/img/temp_slideshow_un_tb01.png" alt="" />
                        </a>
                        <a href="." class="current">
                            <img src="../src/img/temp_slideshow_un_tb02.png" alt="" />
                        </a>
                        <a href=".">
                            <img src="../src/img/temp_slideshow_un_tb03.png" alt="" />
                        </a>
                        <a href=".">
                            <img src="../src/img/temp_slideshow_un_tb04.png" alt="" />
                        </a>
                    </div>
                </div>
                <div class="ui-slidewrapper">
                    <img src="../src/img/temp_slideshow_un_01.png" alt="" />
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>